<template>
<div>
<a @click="activeCom ='MusicCom1'" href="#">流行音乐</a><br>
<a @click="activeCom='MusicCom2'" href="#">古典音乐</a><br>
<a @click="activeCom ='MusicCom3'" href="#">民族音乐</a><br>
<component :is=" activeCom" ></component></div>
</template>
<script>
import MusieComl from ". /MusieCom1. vue" ;
import MusicCom2 from "./MusicCom2. wue" ;
import MusieCom3 from "./MusieCom3. vue" ;
export default{
    date(){
        return{
          activeCom:" MusicCom1",
        };
    },
    components:{
        MusicCom1,
        MusicCom2,
        MusicCom3,
    },
    };
</script>
<style>
</style>